<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Indiefilm Studio Management System</title>
</head>

<body>	
		<div id="TabLayout">
	
				<!-- Layout Content -->
	<div class="tabLeftContent">
<div class="tableBorder">
       <table width="100%" class="yellowTable">
           <tr class="titleRow">
             <td colspan="4"><h3 class="centreTitle">INVOICE: AGF0710J1V1</h3></td>
           </tr>
           <tr>
             <td colspan="4"><a class="button" href="#"><span>Save</span></a> <a class="button" href="#"><span>Edit</span></a> <a class="button" href="#"><span>Delete</span></a> <a class="button" href="#"><span>Send Invoice To Accounts</span></a> <img src="../../indiefilm/images/email.png" alt="email" title="Invoice sent on 31, Aug 10" /></td>
           </tr>
           <tr>
                    <td><label>Invoice Number</label></td>
                    <td>AGF0710J1V1</td>
             <td><label>Invoice Date:</label></td>
   <td>26 Jul 2010</td>
                  </tr>
          <tr>
            <td width="168"><label>Job Name:</label></td>
            <td colspan="3">Agri Feeds website Development</td>
          </tr>
          <tr>
		        <td><label>Client:</label></td>
            <td width="476"><a href="#">Agri Feeds</a></td>
            <td width="132"><label>Job Number:</label></td>
	        <td width="488">AGF0710J1</td>
	        </tr>
          <tr>
            <td><label>Contact Person:</label></td>
            <td>Claire Smith</td>
            <td><label>Address:</label></td>
            <td>278 Port Rd, Mt Wellington</td>
          </tr>
          <tr>
            <td><label>Phone:</label></td>
            <td>07 8381618</td>
            <td><label>City/Town:</label></td>
            <td>Auckland</td>
          </tr>
                  <tr>
                    <td><label>Email:</label></td>
                    <td>clairenocil@agrifeeds.co.nz</td>
                    <td><label>Country:</label></td>
                    <td>New Zealand</td>
                  </tr>
                  <tr>
                    <td><label>Invoice Type</label></td>
                    <td>Deposit Invoice / Balance Invoice</td>
                    <td><label>Postal Code:</label></td>
                    <td>3204</td>
                  </tr>
      </table>        
</div><!-- table border-->


<div class="tableBorder">
        <table width="100%" class="yellowTable">
           <tr class="headerRow">
             <td>Items</td>
                    <td>Qty</td>
                    <td>Price</td>
                  </tr>
          <tr>
            <td width="1059"><label>Project Management and Meetings</label></td>
	          <td width="99">2 hrs</td>
		        <td width="110">$400</td>
	        </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>0.5 day</td>
                    <td>$1,200</td>
                  </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>2 days</td>
                    <td>$4,400</td>
                  </tr>
                  <tr>
                    <td><label>Grip Gear and Lighting</label></td>
                    <td>2.5 days</td>
                    <td>$400</td>
                  </tr>
                  <tr class="calLine">
                    <td>&nbsp;</td>
                    <td>Sub Total:</td>
                    <td>$6,400</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>GST:</td>
                    <td>$800</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><h4 class="figTitle">Total:</h4></td>
                    <td><h4 class="figTitle">$7,200</h4></td>
                  </tr>
          </table>        
</div><!-- table border-->

<p>The table below shows an example of deposit invoice generated from quote section.</p>

<div class="tableBorder">
        <table width="100%" class="yellowTable">
           <tr class="headerRow">
             <td>Items</td>
             <td>Qty</td>
             <td>Price</td>
          </tr>
          <tr>
            <td width="1059"><label>Deposit for AgriFeeds website Development (AGF0710J1) 50% of $6,400</label></td>
            <td width="97">50%</td>
	        <td width="112">$3,200</td>
          </tr>
                   <tr class="calLine">
                    <td>&nbsp;</td>
                    <td>Sub Total:</td>
                    <td>$3,200</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>GST:</td>
                    <td>$400</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><h4 class="figTitle">Total:</h4></td>
                    <td><h4 class="figTitle">$3,600</h4></td>
                  </tr>
      </table>        
</div><!-- table border-->

    </div> <!--work left content-->
    
    
    <div class="tabRightContent">
        <div class="sideModule">
         <div id="SideNavigation">	
                    <ul>
                    <li><a href="../../indiefilm/details-new-invoice.html"><span><img src="../../indiefilm/images/new.gif" alt="New"/> New Invoice</span></a></li>                             
                    </ul>
          </div>
        </div>
        
        <div class="sideModuleLite">
         <div id="SideNavigation">	
                    <ul>
                    <li><a href="../../indiefilm/index.html"><span><img src="../../indiefilm/images/paper.gif" alt="Paper"/> AGF0710J1V1</span></a></li>  
                     <li><a href="../../indiefilm/index.html"><span><img src="../../indiefilm/images/paper.gif" alt="Paper"/> AGF0710J1V2</span></a></li>
                     <li><a href="../../indiefilm/index.html"><span><img src="../../indiefilm/images/paper.gif" alt="Paper"/> AGF0710J1V3</span></a></li>                             
                    </ul>
          </div>
        </div>
	</div><!--work right content-->
						
			
<!-- Layout Content Ends -->							
</div>
   <div class="clear"><!-- --></div>
</body>
</html>
